<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<title></title>
	</head>
	<body>
		<div class="container">
			<!-- container 容器实现固定宽度且居中 -->
			<h3>无序列表</h3>
			<!-- ul>li*3 -->
			<!-- happy unhappy un否定 无 -->
			<ul>
				<li>网页</li>
				<li>咨询</li>
				<li>贴吧</li>
			</ul>
			<h3>有序列表</h3>
			<!-- ol>li{第$步骤}*3 -->
			<ol>
				<li>第1步骤</li>
				<li>第2步骤</li>
				<li>第3步骤</li>
			</ol>
		</div>
		
		<div class="container">
			<ul class="list-unstyled list-inline">
				<li class="list-inline-item">学校概况</li>
				<li class="list-inline-item">组织机构</li>
				<li class="list-inline-item">教育教学
					<ul class="list-unstyled">
						<li>本科生教育</li>
						<li>研究生教育</li>
						<li>留学生教育</li>
						<li>继续教育</li>
					</ul>
				</li>
			</ul>
		</div>
		
		<div class="container">
			<dl>
				<dt>初级考试</dt>
				<dd>王志成大傻der</dd>
				<dt>中级考试</dt>
				<dd>王志成臭傻逼</dd>
				<dt>中级考试</dt>
				<dd>王志成！！！</dd>
			</dl>
		</div>
		
		<div class="container">
			<dl class="row">
				<dt class="col-sm-3 py-5 border bg-success">初级考试</dt>
				<dd class="col-sm-9 py-5 border bg-success">王志成大傻der</dd>
				<dt class="col-sm-3 py-5 border bg-success">中级考试</dt>
				<dd class="col-sm-9 py-5 border bg-success">王志成臭傻逼</dd>
				<dt class="col-sm-3 py-5 border bg-success">中级考试</dt>
				<dd class="col-sm-9 py-5 border bg-success">王志成！！！</dd>
			</dl>
		</div>
	</body>
</html>
